<template>
  <div>
    <child>
      <!-- 具名插槽的插入 -->
      <!-- vue2.6之前 -->
      <!-- <h1 slot="header">我是diy的头部</h1> -->
      <!-- vue2.6之后 -->
      <!-- vue2.6后的 v-slot它只能用在 template标签中或自动组件标签中，记住用在template中 -->
      <!-- v-slot它中以简写为 # -->
      <!-- <template v-slot:header>
        <h1>我是新写法</h1>
      </template> -->
      <template #header>
        <h1>我是新写法</h1>
      </template>


      <h3>插槽中显示出来的数据</h3>
    </child>
  </div>
</template>

<script>
import child from '@/components/child.vue'

export default {
  components: {
    child
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="scss"></style>
